<template>
  <div>
    <el-date-picker
      style="width: 100%"
      v-model="innerValue"
      :type="type"
      :placeholder="placeholder"
      :disabled="disabled"
      v-on="$listeners"
      @change="changeHandle"
      clearable
      :value-format="format"
    >
      <!--v-on="$listeners"-->
    </el-date-picker>
  </div>
</template>

<script>
export default {
  name: "dailyTimer",
  props: ["value", "disabled", "placeholder", "clearable", "type", "format"],
  model: {
    prop: "value",
    event: "change",
  },
  data() {
    return {
      treeData: [],
      innerValue: this.value,
    };
  },
  methods: {
    changeHandle(e) {
      // console.log("dddddddddddddddd", e);
      // console.log("vals", this.value);
    },
  },
  created() {},
  watch: {
    innerValue(val) {
      // val && this.$emit("change", val);
    },
    value(val) {
      // console.log("val", val);
      this.innerValue = val;
    },
  },
};
</script>

